<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="lib :: common_header"></head>
<body>
<div th:replace="lib :: header_box"></div>
<div th:replace="lib :: menu_box (1)"></div>

<div class="main-box">
    <div class="main-container">
        <div class="f14 xiao-zhuan-feng" id="app" v-cloak>
            <el-row :gutter="20">
                <!-- 左边半扇 -->
                <el-col :span="16">
                    <div class="fix pb10">
                        <span class="my-project">
                            基础信息
                        </span>
                    </div>

                    <el-row :gutter="20">
                        <el-col :span="8">
                            <el-card class="rel" shadow="hover"
                                style="height:100px;">
                                <div class="beibei l">
                                    <i class="el-icon-s-platform f30"></i>
                                </div>
                                <div class="l ml20">
                                    <span class="f12 gray">我的设备</span>
                                    <div class="f30">20</div>
                                </div>
                            </el-card>
                        </el-col>
                        <el-col :span="8">
                            <el-card class="rel" shadow="hover"
                                style="height:100px;">
                                <div class="beibei l" style="background:#f661a0;">
                                    <i class="el-icon-office-building f30"></i>
                                </div>
                                <div class="l ml20">
                                    <span class="f12 gray">我的项目</span>
                                    <div class="f30">20</div>
                                </div>
                            </el-card>
                        </el-col>
                        <el-col :span="8">
                            <el-card class="rel" shadow="hover"
                                     style="height:100px;">
                                <div class="beibei l" style="background:#e6d312;">
                                    <i class="el-icon-office-building f30"></i>
                                </div>
                                <div class="l ml20">
                                    <span class="f12 gray">我的数据集</span>
                                    <div class="f30">20</div>
                                </div>
                            </el-card>
                        </el-col>
                    </el-row><!---->
                    <br><br>

                    <div class="fix mb20">
                        <div class="l my-project"
                             style="margin-top:6px;">
                            图表分析
                        </div>

                        <div class="r">
                            <el-date-picker
                                    type="daterange"
                                    range-separator="-"
                                    start-placeholder="开始日期"
                                    end-placeholder="结束日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <el-row :gutter="20">
                        <el-col :span="12">
                            <el-card shadow="hover">
                                <div class="my-project mb10">
                                    <div class="l">
                                        上传数据量
                                        <div class="f12 mt5"
                                             style="color:#9a9eac;">
                                            范围：2019/01/01 至 2019/06/30
                                        </div>
                                    </div>
                                    <i class="r el-icon-more-outline"
                                       style="margin-top:4px;
														 color:#9fa2a9;"></i>
                                </div>
                                <template>
                                    <ve-line :data="chartData"
                                             height="415px"
                                             :legend-visible="false"
                                             :extend="chartExtend"
                                             :settings="chartSettings">
                                    </ve-line>
                                </template>
                            </el-card>
                        </el-col>

                        <el-col :span="12">
                            <el-card shadow="hover">
                                <div class="my-project mb10">
                                    <div class="l">
                                        下载数据量
                                        <div class="f12 mt5"
                                             style="color:#9a9eac;">
                                            范围：2019/01/01 至 2019/06/30
                                        </div>
                                    </div>
                                    <i class="r el-icon-more-outline"
                                       style="margin-top:4px;
														 color:#9fa2a9;"></i>
                                </div>
                                <template>
                                    <ve-line :data="chartData2"
                                             height="415px"
                                             :legend-visible="false"
                                             :extend="chartExtend"
                                             :settings="chartSettings">
                                    </ve-line>
                                </template>
                            </el-card>
                        </el-col>



                    </el-row>

                </el-col><!-- /左边半扇 -->

                <!-- 右边半扇 -->
                <el-col :span="8">
                    <el-card shadow="hover" style="min-height:700px;">
                        <div class="my-project mb10">
								<span style="font-size:14px;">
									留言信息
								</span>

                            <span class="f12 r"
                                  style="color:#409EFF;
                                       margin-top:7px;">
                                <i class="el-icon-search"></i>
                                查看全部
                            </span>
                        </div>

                        <ul>
                            <template v-for="item in dataSet">
                                <li class="fix pt10 pb10 ni-ma-bi rel" style="border-bottom:1px solid #EEE;">
                                    <picture class="user-header2 l"
                                             style="margin-top:2px;">
                                        <img :src="item.img">
                                    </picture>
                                    <div class="l ml20">
                                        <div style="color:#154363;">
                                            {{ item.name }}
                                        </div>
                                        <div class="f12"
                                             style="color:#c7ced9; margin-top:5px;">
                                            申请[如何查字典数据集]
                                        </div>
                                    </div>

                                    <el-badge
                                            style="right:0; position:absolute;"
                                            is-dot>
                                    </el-badge>
                                </li>
                            </template>
                        </ul>

                    </el-card>
                </el-col><!-- /右边半扇 -->

            </el-row>
        </div><!-- /app -->
    </div>
</div>
<div th:replace="lib :: javascript_box"></div>
<script th:src="@{/lib/vchart.js}"></script>
<script th:src="@{/lib/user/index.js}"></script>
</body>
</html>
